﻿<!DOCTYPE>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=EDGE;IE=11;IE=8,chrome=1" />
    <title>流水卡报工</title>
    <link href="/InSiteWebApplication/Content/Easyui/themes/metro/easyui.css" rel="stylesheet" />
    <link href="/InSiteWebApplication/Content/Easyui/custom-easyui.css" rel="stylesheet" />
    <link href="/InSiteWebApplication/Content/Easyui/themes/icon.css" rel="stylesheet" />
    <style type="text/css">
        .table3
        {
            background-image: url(ContainerPrint.png);
        }
        .table1, .table2, .table3
        {
            margin: 0;
            border-collapse: collapse;
            width: 900px;
        }
        .table1
        {
            padding: 10 0 10 0;
            height: 60px;
        }
        .table2, .table3
        {
            padding: 0;
            border: 1px solid blue;
            border-collapse: collapse;
        }
        .tablenoneborder
        {
            padding: 0;
            margin: 0;
            border: none;
            border-collapse: collapse;
        }
        .tablenoneborder tr
        {
            padding: 0;
            margin: 0;
        }
        .tablenoneborder tr td
        {
            padding: 0;
            margin: 0;
            border: none;
            border-bottom: 1px solid blue;
        }
        .bordernone
        {
            border-bottom: none;
        }
        .table1 td
        {
            font-size: 15px;
            text-align: center;
        }
        .table2 td
        {
            border: 1px solid blue;
            height: 40px;
            text-align: center;
            font-size: 15px;
        }
        
        .table3 td
        {
            border: 1px solid blue;
            height: 30px;
            font-size: 15px;
        }
        .t_center
        {
            text-align: center;
        }
        .t_left
        {
            text-align: left;
            padding-left: 10px;
        }
        .t_left_1
        {
            text-align: left;
            padding-left: 0px;
            font-size: 12px;
        }
        .t_1
        {
            margin: 0 auto;
            width: 20px;
            line-height: 24px;
        }
        .t_2
        {
            margin: 0 auto;
            width: 20px;
        }
        .t_3
        {
            margin: 0 auto;
            text-align: left;
            word-wrap: break-word;
            word-break: break-all;
            width: 310px;
            font-size: 15px;
        }
        .t_4
        {
            margin: 0 auto;
            text-align: left;
            word-wrap: break-word;
            word-break: break-all;
            font-size: 15px;
        }
        .barCode
        {
            font-family: C39HrP48DmTt;
            font-size: 60px;
            text-align: right;
            right: 3px;
            top: 3px;
        }
        .tableTransfer
        {
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        }
        
        /* add zhunan 2021.7.28 */
        .info
        {
            width: 600px;
            height: 70px;
            font-size: 13px;
            white-space: normal;
            text-align: left;
            text-indent: 2em;
            padding-top: 5px;
            line-height: 1.3em;
            overflow: hidden;
        }
        
        /* add zhunan 2021.7.28 */
        .xzxx
        {
            width: 600px;
            height: 250px;
            white-space: normal;
            text-align: left;
            padding-top: 5px;
            word-wrap: break-word;
            word-break: break-all;
            overflow: hidden;
            line-height: 1.2em;
        }
        
        /* add zhunan 2021.7.29 */
        .content
        {
            margin: 0;
            padding: 0 5px 5px 5px;
            font-size: 13px;
            text-indent: 2em;
        }
    </style>
</head>
<body style="overflow: hidden">
        <div style="width: 70%; float: left">
            <div class="panelSection">
                <div class="easyui-panel " title="批次信息" style="padding: 3px;width: 100%" data-options="closable:false,collapsible:true,minimizable:false,maximizable:false">
                    <center>
                        <div id="divContainerInfo" style="height: 700px; overflow:auto; width: 100%">
                        </div>
                    </center>
                </div>
            </div>
        </div>
        <div style="width: 30%; float: left">
            <div class="panelSection">
                <div class="easyui-panel " title="查询区域" style="padding: 3px;width: 100%" data-options="closable:false,collapsible:true,minimizable:false,maximizable:false">
                    <div style="margin: 3px 0px 3px 3px">
                        <div style="float: left">
                            <div class="divLabel" style="margin-bottom: 5px; color: red; font-weight: bold">
                                扫描流水卡：</div>
                            <input id="txtScanContainer" class="easyui-textbox" type="text" style="width: 120px;
                                height: 22px" />
                        </div>
                        <div style="float: left; margin-left: 10px">
                            <div class="divLabel" style="margin-bottom: 5px">
                                流水卡：</div>
                            <input id="txtContainerName" class="easyui-textbox" style="width: 120px; height: 22px" />
                        </div>
                        <div style="float: left; margin-left: 20px">
                            <button id="btnSearch" class="easyui-linkbutton" data-options="" style="margin-top: 16px;width:80px">
                                查询</button>
                            <button id="btnReset" class="easyui-linkbutton" data-options="" style="margin-top: 16px;margin-left:5px;width:80px">
                                重置</button>
                        </div>
                        <div style="clear: both">
                        </div>
                    </div>
                </div>
            </div>
            <div class="panelSection">
                <div class="easyui-panel " title="结果区域" style="padding: 3px;width: 100%" data-options="closable:false,collapsible:true,minimizable:false,maximizable:false">
                    <div style="margin: 3px 0px 3px 3px">
                        <table id="gdContainerInfo" class="easyui-datagrid" style="width: 100%; height: 350px"
                            data-options="rownumbers:true,singleSelect:true">
                        </table>
                        <div id="pp" style="float: right" class="easyui-pagination" data-options="   
                 layout:['first','prev','next','last','manual','info'],              
                    total: 0,
                    showPageList: false,
                    showPageInfo: false,
                    showRefresh: false,
                    afterPageText:'共&nbsp{pages}&nbsp页',
                    buttons:[{
                            iconCls:'',
                            text:'Go',
                            id:'pageGo'
                    }]  
                ">
                        </div>
                    </div>
                </div>
            </div>
            <div id="statusMessage" style="font-size: 14px; height: 40px">
            </div>
        </div>
</body>
</html>
<script src="/InSiteWebApplication/Scripts/CustomPageJs/ReferenceJsLib.js" type="text/javascript"></script>
<script src="/InSiteWebApplication/Content/Easyui/jquery.min.js" type="text/javascript"></script>
<script src="/InSiteWebApplication/Content/Easyui/jquery.easyui.min.js" type="text/javascript"></script>
<script src="/InSiteWebApplication/Content/Easyui/easyui-lang-zh_CN.js" type="text/javascript"></script>
<script src="/InSiteWebApplication/Scripts/CustomPageJs/CustomCommon.js" type="text/javascript"></script>
<script src="/InSiteWebApplication/Scripts/CustomPageJs/ContainerStepWorkReportPage.js?V=new Date().getTime()"
    type="text/javascript"></script>
